<template>
    <div class="nodata pad_t_b_15">
        <img :src="comImg" alt="" class="wid100 hei100 auto">
        <div class=" a_center c888 size12 pad_t_10">
            {{ title }}
        </div>
    </div>
</template>
<script setup>
import { onMounted, ref, computed } from 'vue';
import useLanguage from '@/hooks/useLanguage';
const { t } = useLanguage()
const props = defineProps({
    title: {
        type: String,
        default: '暂无数据'
    },
})
const img = ref('../../assets/detail/type1.png')
const comImg = computed(() => new URL(img.value, import.meta.url).href)
onMounted(() => {
    if (props.title == t('detail.zwwt')) {
        img.value = '../../assets/detail/type1.png'
    } 
    if (props.title == t('detail.zwcc')) {
        img.value = '../../assets/detail/type1.png'
    }
})
</script>
<style lang="less">
.pad_t_b_15 {
    padding-top: 15px;
    padding-bottom: 15px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wid100 {
    width: 100px;
}

.hei100 {
    height: 100px;
}

.auto {
    margin: 0 auto;
}

.pad_t_10 {
    padding-top: 10px;
}

.a_center {
    text-align: center;
}
</style>
    